*{
	margin: 0;
	padding: 0;
}
body{
	font-family: "微软雅黑" !important;
	background: #dedede;
	font-size:12px;
	min-width: 750px; 
}
.header{
	background: #333;
	height: 60px;
	width: 100%;
	display: table;/*此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。*/
	vertical-align: middle;/*设置元素的垂直对齐方式。*/
	position: relative;
}
/*.logo{
	display: table-cell;此元素会作为一个表格单元格显示（类似 <td> 和 <th>）
	vertical-align: middle;
	height: 60px;
}*/
/*图片居中*/
.headerlogo{
	height: 54px;
	padding-left: 20px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
}
.nav ul{
	float: right;
	margin: 0;
	padding: 0;
}
.nav ul li{
	float: left;
	margin-right:25px;
	line-height: 60px; /*line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。*/
}
.lists a{
	text-decoration: none;
	color: white;
}
.lists a:hover{
	color: gray;
}
/*侧边栏*/
aside{
	background: white;
	/*float: right;*/
	/*浮动到顶端定位*/
	position: absolute;
	right: 0;
	top: 60px;
	width: 350px;
	margin-top: 20px;
	margin-right: 20px;
	box-shadow: 2px 2px 2px #848484;/*不要左边阴影*/
	padding: 20px;
	font-size: 14px;
}
.inputleft{
	width: 40%;
	text-align: right;
	display: inline-block;/*行内块元素。*/
	margin-right: 20px;
	margin-top: 10px;
	vertical-align: top;/*把元素的顶端与行中最高元素的顶端对齐*/
}
.sidebar{
	border-left: 3px solid #ccc;
	padding-left: 20px;
}
.tips{
	margin-left: 47%;/*玄学手动定位，保持视觉统一*/
	font-size: 12px;
	color: gray;
	margin-top: 10px;
}
textarea{
	margin-top: 10px;
	width: 44%;
	height: 100px;
}
.submit{
	width: 100%;
	height: 40px;
	margin-top: 30px;
	font-family: "微软雅黑";
	border-radius: 3px;
	border: none;/*清除默认样式*/
}
.submit:hover{
	background: #0063dc;
	color: white;
}
/*正文*/
.article{
	margin: 20px 20px;
	padding: 20px 20px;
	background: white;
	box-shadow: 2px 2px 2px #848484;/*不要左边阴影*/
	margin-right: 430px;/*算位置*/
}
.text{
	text-indent: 2em;/*缩进*/
	line-height: 150%;/*行高*/
	letter-spacing: 2px;/*间距*/
}
/*图片展示*/
/*display:block
block元素会独占一行，多个block元素会各自新起一行。默认情况下，block元素宽度自动填满其父元素宽度。
block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。
block元素可以设置margin和padding属性。
display:inline
inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。
inline元素设置width,height属性无效。
inline元素的margin和padding属性，水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果；但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。
display:inline-block
简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。*/
.picture_box{
	height: 160px;
	width: 140px;
	border: 1px solid black;
	margin: 20px 20px;
	display: inline-block;
	text-align: center;/*块内元素居中*/
	font-size: 16px;
	/*padding: 20px 20px;*/
	padding-bottom: 10px;
}
/*文字与图片产生间隔，上面图片与边框下边填充*/
figcaption{
	padding: 10px;
}
.picture{
	width: 120px;
	/*position: absolute;*/
}
.list_min ol{
	font-size: 16px;
	margin-top: 10px;
	padding: 10px;
}
.min ol{
	margin-left: 10px;
	list-style-type: none;/*设置列表标记类型*/
}
.max ol{
	margin-left: 40px;
}
/*表格内容*/
article table,tbody,tr,th,td{
	border: 1px solid #ccc;
	padding: 5px;

}
article table{
	width: 100%;
	border-collapse: collapse;
}
.table_tr{
	background: #333;
	text-align: left;
	color: white;
}
/*页脚*/
footer{
	background: #333;
	height: 60px;
	line-height: 60px;
	width: 100%;
	margin-top: 20px;
	text-align: center;
	color: white;
}